<template>
	<view class="form-item">
		<view class="label">
			{{ label }}
		</view>
		<view class="data">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			label:{
				type:String,
				default:"输入"
			}
		},
		methods: {
			
		}
	}
	
</script>

<style lang="less"  scoped >
.form-item{
	display: flex;
	align-items: center;
	padding: 5rpx 15rpx;
	margin: 20rpx 0;
	.label{
		flex: 3;
		display: flex;
		justify-content: space-between;
		padding: 0 10rpx;
	}
	.data{
		flex: 7;
		// height: 40rpx;
		
	}
}
</style>